<!--
    HTML页面的模板

  作为所有页面的webpack打包模板，和其他页面的.vue文件的<template>里面的dom结构合起来成为一个页面

  打包后的文件后缀是.html

  本模板里，引用的header.css  header.js  zepto及mui文件因是直接在页面中引用的，不通过vue打包

  title在webpack打包vue文件时直接打包出来

-->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport">
    <meta content="telephone=no" name="format-detection">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <% for (var chunk in htmlWebpackPlugin.options.cssChunks) {   %>
    <link rel="stylesheet" href="<%=htmlWebpackPlugin.options.cssChunks[chunk] %>">
    <% } %>
    
    <title></title>
</head>

<body>

    <!-- 页面刚打开，白屏时展示的图片 -->
    <img src="<%=htmlWebpackPlugin.options.cdnUrl+'common/staticImg/preview.png'%>" style="display:block;width:22.7%;height:auto;margin-top:37% ;margin-left: auto;margin-right:auto; " id="previewImg">
    
    <div id="wrap">
        
    </div>

    <script type="text/javascript" id="htmdScript"  src="<%=htmlWebpackPlugin.options.mdUrl%>"></script>
     
    <% for (var chunk in htmlWebpackPlugin.options.jsChunks) {   %>
    <script type="text/javascript" src="<%=htmlWebpackPlugin.options.jsChunks[chunk] %>"></script>
    <% } %>

</body>

</html>
